{% extends '::base.html.twig' %}

{% block stylesheets %}
	{{ parent() }}
	<link rel="stylesheet" href="{{ asset('bundles/showstop/css/slider.css') }}" type="text/css" media="all" />
{% endblock %}

{% block javascript %}
	{{ parent() }}
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="{{ asset('bundles/showstop/js/slider.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/showstop/js/jquery.scrollTo.js') }}"></script> 
 
<script> 
 
$(document).ready(function() {
 slider.init();
	
});
 
</script> 
 
{% endblock %}

{% block body %}
	{{ parent() }}
	
	<div id="slider" style="margin-left: -1px">
		<div id="mask-gallery" style="width: 960px; height: 390px;">
			<ul id="gallery" style="width: 2907px; ">
	
				<li style="width: 960px; height: 390px; " class=""><a href="{{ path('_seriespage', { 'id': '5374' }) }}"><img src="{{ asset('bundles/showstop/img/reel_1.jpg') }}"></a> </li>
				<li style="width: 960px; height: 390px; " class=""><a href="{{ path('_seriespage', { 'id': '6452' }) }}"><img src="{{ asset('bundles/showstop/img/reel_2.jpg') }}"></a> </li>
				<li style="width: 960px; height: 390px; " class=""><a href="{{ path('_seriespage', { 'id': '886' }) }}"><img src="{{ asset('bundles/showstop/img/reel_3.jpg') }}"></a> </li>
			</ul>
		</div>
	
		<div id="mask-excerpt" style="height: 390px; ">
			<ul id="excerpt">
		
				<li style="height: 390px; " class="selected"><p>It's never the usual suspects in NBC's new fantasy meets crime drama 'Grimm'. Fridays at 8:00pm EST, starting October 21st.</p></li>
				<li style="height: 390px; " class="selected"><p>Once Upon a Time (ABC), another real-world fairy tale series starting this season stars Ginnifer Goodwin in dual roles as Snow White/Mary Margaret Blanchard and Jennifer Morrison as Emma Swan. 'Once Upon a Time' premieres at October 23rd at 8:00PM EST.</p></li>
				<li style="height: 390px; " class="selected"><p>Your favourite serial killer is back for a sixth season Sunday nights at 9:00PM EST starting October 1st.</p></li>
			</ul>
		</div>
	</div>
	
	<h1 style="text-align: center">Launching January 2012!</h1>
	
	<div style="width: 760px; margin: auto; padding-top: 30px;">
		<div class="series-box" style="margin-right: 30px">
			<h3>Recently Premiered Shows</h3>
			<ol style="margin-left: 30px">
				{% for series in recentShows %}
					<li><a href="{{ path('_seriespage', { 'id': series.id }) }}">{{ series.name }}</a></li>
				{% endfor %}		
			</ol>
		</div>
	
		<div class="series-box" >
			<h3>New &amp; Returning Shows</h3>
			<ol style="margin-left: 30px">
				{% for series in returningShows %}
					<li> <a href="{{ path('_seriespage', { 'id': series.id }) }}">{{ series.name }}</a></li>
				{% endfor %}
					
			</ol>
		</div>
	
					
	
	<div style="clear:both"></div>
</div>
 {% endblock %}

